<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:c="http://java.sun.com/jstl/core">
 <ui:composition>

    <h:panelGrid columns="8" width="40%" >
                <h:outputText value="#{rotulo['nome']}"/>
                <h:inputText value="#{cliente.pessoa.nome}" style="width : 170px;" />

                <h:outputText value="#{rotulo['sexo']}" />
                <h:selectOneMenu value="#{cliente.pessoa.sexo}">
                    <f:selectItems value="#{sexo.opcoes}"/>
                </h:selectOneMenu>

                <h:outputText value="#{rotulo['data_nascimento']}" />
                <h:inputText value="#{cliente.pessoa.dataNascimento}" style="width : 170px;" >
                    <f:convertDateTime pattern="dd/MM/yyyy" />
                </h:inputText>

                <h:outputText value="#{rotulo['estado_civil']}" />
                <h:selectOneMenu value="#{cliente.pessoa.estadoCivil}">
                    <f:selectItems value="#{estadoCivil.opcoes}"/>
                </h:selectOneMenu>

                <h:outputText value="#{rotulo['cpf']}" />
                <h:inputText value="#{cliente.pessoa.cpf}"  style="width : 170px;" onkeyup="javascript:mascaraCNPJCPF(event,'999.999.999-99')" maxlength="14"/>

                <h:outputText value="#{rotulo['rg']}" />
                <h:inputText value="#{cliente.pessoa.rg}"  style="width : 170px;"/>

                <h:outputText value="#{rotulo['titulo_eleitor']}" />
                <h:inputText value="#{cliente.pessoa.tituloEleitor}"  style="width : 170px;"/>


            </h:panelGrid>
   </ui:composition>
</html>

